import axios from 'axios'
import querystring from 'querystring'
import {
  Message
} from 'element-ui'
import {
  removeToken, getToken
} from '../utils/auth'
axios.defaults.headers.post['Content-Type'] =
  'application/x-www-form-urlencoded'

// create an axios instance
const service = axios.create({
  baseURL: process.env.hostAddress, // api的base_url
  transformRequest: [
    function (data) {
      if (typeof data === 'object' && !(data instanceof FormData)) {
        data = querystring.stringify(data)
      }
      return data
    }
  ],
  // withCredentials:true,
  timeout: 5000 // request timeout
})

service.interceptors.request.use(
  config => {
    config.headers['Authorization'] = getToken();
    return config
  },
  error => {
    // Do something with request error
    console.log(error) // for debug
    return Promise.reject(error)
  }
)

// respone interceptor
service.interceptors.response.use(
  response => {
    /**
     * 下面的注释为通过response自定义code来标示请求状态，当code返回如下情况为权限有问题，登出并返回到登录页
     * 如通过xmlhttprequest 状态码标识 逻辑可写在下面error中
     */
    const res = response.data
    if (!res) {
      return res.info
    }
    if (res.code !== 200) {
      if (res.code === 202) {
        removeToken()
        location.hash = '/login'
        return
      }
      if (res.code === 500) {
        Message({
          message: res.msg,
          type: 'error',
          duration: 5 * 1000
        })
        return Promise.reject(res.msg)
      }
      return Promise.reject(res)
    } else {
      return res.data
    }
  },
  error => {
    Message({
      message: error.message,
      title: '提示'
    })
    return Promise.reject(error)
  }
)

export default service
